<?php
include_once('settings.php');
include_once('conn.php');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>  [ BIOS Monthly 主題 ]  </title>
<meta name="description" content=" 想看看各個城市的風景與生活樣態嗎？來Bios Monthly看看吧！我們聯繫了旅居不同城市的專欄寫手們加上台北的獨特觀察家，我們要與你一起看看我們所居住或嚮往的樣貌。 " />
<meta name="KEYWORDS" CONTENT=" 飲食, 風尚 , 行旅 , 休閒 , 評論 , Flavor , Trend , Route , Leisure , Opinion " />
<link href="css/main.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$(".hoverlist-topa , .hoverlist-topb , .hoverlist-topc , .hoverlist-topd ,.hoverFeature ,.hoverColumn,.hoverNews,.hoverEvent , .hoverRss ").css("opacity","0");
		$(".hoverlist-topa , .hoverlist-topb , .hoverlist-topc , .hoverlist-topd , .hoverFeature ,.hoverColumn,.hoverNews,.hoverEvent , .hoverRss").hover(function () {
			$(this).stop().animate({
				opacity: 1
			}, "fast");
		},
		function () {
			$(this).stop().animate({
				opacity: 0
			}, "fast");
		});
		});
	</script>
   <script type="text/javascript">
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head>
<?php

$data_list = array();
foreach($GLOBALS['ARTICLE_CATALOG']['Feature'] as $catalogName)
{
	//detect is there exist locked article
	$lock_list = get_article_lock_list('Feature',$catalogName);
	if(count($lock_list) > 0)
	{
		$data_list[$catalogName] = $lock_list[0];
	}else{
		$query = "SELECT `title`,`id`,`images1`,`BigClassName2` FROM `news` WHERE `BigClassName`='Feature' AND `isok`='1' AND `BigClassName2`='".$catalogName."' AND `lock`='' ORDER BY `id` DESC limit 0,1";
		$result=mysql_query($query);
		if($result == false)
			exit(sprintf("%s%s%s",mysql_error(),__FILE__,__LINE__));
		if(($row = mysql_fetch_assoc($result)))
		{
			$data_list[$catalogName] = $row;
		}
	}
}

?>
<body onload="MM_preloadImages('images/main-btn_over_13.gif','images/main-btn_over_15.gif','images/main-btn_over_17.gif', 'images/main-btn_over_19.gif','images/feature-btn_over_01.gif','images/feature-btn_over_02.gif','images/feature-btn_over_03.gif','images/feature-btn_over_04.gif')">
<div id="all"><!-- start #all //-->
<div id="main" class="clearfix"><!-- start #main //-->
<?php include_once('top-feature.php');?>
<?php include_once('ad-ba.php');?>
<div id="list-a" class=""><!-- start #list-a //-->

<!-- issue start-->
 <div class="list-tab">
<div class="list-p">
	<?php if(isset($data_list['issue']) && strlen($data_list['issue']['images1']) > 0):?>
	<img src="upfiles/<?php echo html_safe($data_list['issue']['images1']).'-431x253.jpg';?>"  />
	<?php endif;?>
</div>
<a href="featurea.php">
<div class="list-topa"><div class="hoverlist-topa">
	<?php if(isset($data_list['issue'])):?>
	<div class="hoverlist-topa2"><?php echo html_safe(strip_tags($data_list['issue']['title']));?></div>
	<?php endif;?>
</div></div></a>
  </div>
 <!-- issue end--> 
 
 <!-- collection start-->
  <div class="list-tab">
<div class="list-p">
	<?php if(isset($data_list['collection']) && strlen($data_list['collection']['images1']) > 0):?>
	<img src="upfiles/<?php echo $data_list['collection']['images1'].'-431x253.jpg';?>"  />
	<?php endif;?>
</div>
<a href="featureb.php">
<div class="list-topb"><div class="hoverlist-topb"> 
	<?php if(isset($data_list['collection'])):?>
	<div class="hoverlist-topb2"><?php echo html_safe(strip_tags($data_list['collection']['title']));?></div>
	<?php endif;?>
</div></div></a>
  </div>
  <!-- collection end--> 

      <!-- people start-->
  <div class="list-tab">
		<div class="list-p">
			<?php if(isset($data_list['people']) && strlen($data_list['people']['images1']) > 0):?>
			<img src="upfiles/<?php echo $data_list['people']['images1'].'-431x253.jpg';?>"  />
			<?php endif;?>
		</div>
		<a href="featurec.php">
<div class="list-topc"><div class="hoverlist-topc"> 
<?php if(isset($data_list['people'])):?>
	<div class="hoverlist-topc2"><?php echo html_safe(strip_tags($data_list['people']['title']));?></div>
	<?php endif;?>
</div></div></a>
  </div>
  <!-- people end-->   
  
   <!-- shops start-->
  <div class="list-tab">
		<div class="list-p">
			<?php if(isset($data_list['shops']) && strlen($data_list['shops']['images1']) > 0):?>
			<img src="upfiles/<?php echo $data_list['shops']['images1'].'-431x253.jpg';?>"  />
			<?php endif;?>
		</div>
		<a href="featured.php">
<div class="list-topd"><div class="hoverlist-topd">
<?php if(isset($data_list['shops'])):?>
	<div class="hoverlist-topd2"><?php echo html_safe(strip_tags($data_list['shops']['title']));?></div>
	<?php endif;?>
</div></div></a>
  </div>
  </div>
  <!-- shops end--> 
  
 

   
</div><!-- end #list-a //-->

</div><!-- end #main //-->
</div><!-- end #all //-->

<?php include_once('down.php');?>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-22189695-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</body>
</html>